<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<STYLE TYPE="text/css">
body { margin:1em; }              
div.header { text-align:center; } 
th { padding:.5em; }              
td { width:45%; padding:.5em; }   
td { background-color:silver; }   
td.t2t { background-color:#ef4; } 
</STYLE>
<META NAME="generator" CONTENT="http://txt2tags.org">
<TITLE>Txt2tags Markup Demo</TITLE>
</HEAD>
<BODY>

<DIV CLASS="header" ID="header">
<H1>Txt2tags Markup Demo</H1>
<H2>See marks converted to HTML</H2>
</DIV>

<DIV CLASS="body" ID="body">
<table align="center" border="1">
<tr><th colspan="2">
BASIC
</th></tr><tr><td class="t2t">

<PRE>

= Title level 1 =

== Title level 2 ==

=== Title level 3 ===
</PRE>

</td><td>

<H1>Title level 1</H1>

<H2>Title level 2</H2>

<H3>Title level 3</H3>

</td></tr><tr><td class="t2t">

<PRE>

+ Numbered Title level 1 +

++ Numbered Title level 2 ++

+++ Numbered Title level 3 +++
</PRE>

</td><td>

<H1>1. Numbered Title level 1</H1>

<H2>1.1. Numbered Title level 2</H2>

<H3>1.1.1. Numbered Title level 3</H3>

</td></tr><tr><td class="t2t">

<PRE>

A paragraph is made by one or
more lines.

A blank line separates them.
</PRE>

</td><td>
<P>
A paragraph is made by one or
more lines.
</P>
<P>
A blank line separates them.
</P>
</td></tr><tr><td class="t2t">

<PRE>

% start a line with
a percent sign,
% and it will be ignored
useful for TODOs!
</PRE>

</td><td>
<P>
a percent sign,
useful for TODOs!
</P>
</td></tr><tr><td class="t2t">

<PRE>

For beautifiers we have **bold**
and //italic//.

There is also __underline__, --strike--
and ``monospaced``.
</PRE>

</td><td>
<P>
For beautifiers we have <B>bold</B>
and <I>italic</I>.
</P>
<P>
There is also <U>underline</U>, <S>strike</S>
and <CODE>monospaced</CODE>.
</P>
</td></tr><tr><th colspan="2">
LISTS
</th></tr><tr><td class="t2t">

<PRE>

- This is a list of items
- Just use hyphens
  - More indent opens a sublist


Two blank lines close all the lists.
</PRE>

</td><td>

<UL>
<LI>This is a list of items
<LI>Just use hyphens
  <UL>
  <LI>More indent opens a sublist
  </UL>
</UL>

<P>
Two blank lines close all the lists.
</P>
</td></tr><tr><td class="t2t">

<PRE>

+ Change the hyphen by a plus
+ And you have a numbered list
  + Same rules apply
  +
+
An empty item closes the current list.
</PRE>

</td><td>

<OL>
<LI>Change the hyphen by a plus
<LI>And you have a numbered list
  <OL>
  <LI>Same rules apply
  </OL>
</OL>

<P>
An empty item closes the current list.
</P>
</td></tr><tr><td class="t2t">

<PRE>

: Definition list
  A list with terms
: Start term with colon
  And its definition follows
:
</PRE>

</td><td>

<DL>
<DT>Definition list</DT><DD>
  A list with terms
<DT>Start term with colon</DT><DD>
  And its definition follows
</DL>

</td></tr><tr><th colspan="2">
AREAS
</th></tr><tr><td class="t2t">

<PRE>

	A quoted paragraph is prefixed
	by a TAB.
		More TABs, more deep.
No TAB or blank line, closes quote.
</PRE>

</td><td>
	<BLOCKQUOTE>
	A quoted paragraph is prefixed
	by a TAB.
		<BLOCKQUOTE>
		More TABs, more deep.
		</BLOCKQUOTE>
	</BLOCKQUOTE>
<P>
No TAB or blank line, closes quote.
</P>
</td></tr><tr><td class="t2t">

<PRE>

Verbatim line is nice for commands:
``` $ cat /etc/passwd | tr : ,
Just prefix it with 3 backquotes.
</PRE>

</td><td>
<P>
Verbatim line is nice for commands:
</P>

<PRE>
$ cat /etc/passwd | tr : ,
</PRE>

<P>
Just prefix it with 3 backquotes.
</P>
</td></tr><tr><td class="t2t">

<PRE>

```
  A verbatim area is enclosed
      inside three backquotes.
**Marks** are not interpreted
     and spacing is preserved.
```
</PRE>

</td><td>

<PRE>
  A verbatim area is enclosed
      inside three backquotes.
**Marks** are not interpreted
     and spacing is preserved.
</PRE>

</td></tr><tr><td class="t2t">

<PRE>

"""
       A raw area is enclosed
    inside three doublequotes.

**Marks** are not interpreted
 and spacing is not preserved.
"""
</PRE>

</td><td>
       A raw area is enclosed
    inside three doublequotes.

**Marks** are not interpreted
 and spacing is not preserved.
</td></tr><tr><td class="t2t">

<PRE>

'''
&lt;div id="myblock"&gt;

&lt;p style="color:red"&gt;
A tagged area is enclosed
inside three single quotes.
&lt;/p&gt;

&lt;p style="color:blue"&gt;
No parsing is made inside it,
useful to insert target code.
&lt;/p&gt;

&lt;/div&gt;
'''
</PRE>

</td><td>
<div id="myblock">

<p style="color:red">
A tagged area is enclosed
inside three single quotes.
</p>

<p style="color:blue">
No parsing is made inside it,
useful to insert target code.
</p>

</div>
</td></tr><tr><th colspan="2">
OTHER
</th></tr><tr><td class="t2t">

<PRE>

|| Table Heading | Table Heading |
|          Table |     align     |
|          lines |      is       |
|      with cell |     nice!     |
</PRE>

</td><td>

<TABLE BORDER="1">
<TR>
<TH>Table Heading</TH>
<TH>Table Heading</TH>
</TR>
<TR>
<TD ALIGN="right">Table</TD>
<TD ALIGN="center">align</TD>
</TR>
<TR>
<TD ALIGN="right">lines</TD>
<TD ALIGN="center">is</TD>
</TR>
<TR>
<TD ALIGN="right">with cell</TD>
<TD ALIGN="center">nice!</TD>
</TR>
</TABLE>

</td></tr><tr><td class="t2t">

<PRE>

[t2t.png] Left aligned image

Center [t2t.png] aligned

Right aligned [t2t.png]
</PRE>

</td><td>
<P>
<IMG ALIGN="left" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> Left aligned image
</P>
<P>
Center <IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> aligned
</P>
<P>
Right aligned <IMG ALIGN="right" SRC="../img/t2tpowered.png" BORDER="0" ALT="">
</P>
</td></tr><tr><td class="t2t">

<PRE>

A link is recognized@automaticaly.see?

A [named link www.myurl.com] is easy.

An image [[t2t.png] as-a-link.html].
</PRE>

</td><td>
<P>
A link is <A HREF="mailto:recognized@automaticaly.see">recognized@automaticaly.see</A>?
</P>
<P>
A <A HREF="http://www.myurl.com">named link</A> is easy.
</P>
<P>
An image <A HREF="as-a-link.html"><IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""></A>.
</P>
</td></tr><tr><td class="t2t">

<PRE>

A separator line:
--------------------
And a stronger one:
====================
(At least 20 chars)
</PRE>

</td><td>
<P>
A separator line:
</P>

<HR NOSHADE SIZE=1>

<P>
And a stronger one:
</P>

<HR NOSHADE SIZE=5>

<P>
(At least 20 chars)
</P>
</td></tr>
</table>
<P>
<A HREF="http://txt2tags.org">Go to the txt2tags homepage</A>
</P>
</DIV>

<!-- html code generated by txt2tags 2.6b1 (http://txt2tags.org) -->
<!-- cmdline: txt2tags /a/txt2tags/svn/doc/English/markup/markup.t2t -->
</BODY></HTML>
